<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <title>联系我们</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/templatemo_style.css">
    <link rel="stylesheet" href="css/templatemo_misc.css">
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/testimonails-slider.css">

    <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>

<body>

    <header>
        <div id="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="logo">
                            <a href="#templatemo_417_grill"><img src="images/logo.png"
                                    title="create by yaojie technology zrx developer"
                                    alt="create by yaojie technology zrx developer"></a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="main-menu">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li><a href="products.html">产品展示</a></li>
                                <li><a href="about-us.html">关于我们</a></li>
                                <li><a href="contact-us.html">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <div id="heading">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-content">
                        <h2>联系我们</h2>
                        <span>Home / <a href="contact-us.html">Contact Us</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="product-post">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-section">
                        <h2>请随时联系我们</h2>
                        <img src="images/under-heading.png" alt="">
                    </div>
                </div>
            </div>
            <div id="contact-us">
                <div class="container">
                    <div class="row">
                        <div class="product-item col-md-12">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="message-form">
                                        <form action="#" method="post" class="send-message">
                                            <div class="row">
                                                <div class="name col-md-4">
                                                    <input type="text" name="name" id="name" placeholder="名字" />
                                                </div>
                                                <div class="email col-md-4">
                                                    <input type="text" name="email" id="email" placeholder="邮箱" />
                                                </div>
                                                <div class="subject col-md-4">
                                                    <input type="text" name="subject" id="subject"
                                                        placeholder="问题" />
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="text col-md-12">
                                                    <textarea name="text" placeholder="内容"></textarea>
                                                </div>
                                            </div>
                                            <div class="send">
                                                <button type="submit">发送</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="info">
                                        <p>我们不仅仅是创造者，更是梦想的实现者。自成立以来，我们一直致力于。我们的团队由一群充满激情和创造力的专业人士组成，他们来自不同的背景，但都怀着共同的目标——通过创新和卓越的服务，为客户带来最大的价值。</p>
                                        <ul>
                                            <li><i class="fa fa-phone"></i>咨询电话: 18118752268</li>
                                            <li><i class="fa fa-globe"></i>公司地址：深圳市龙岗区龙城街道爱联社区新屯村健军路16号3楼</li>
                                            <li><i class="fa fa-envelope"></i><a href="#">公司邮箱：523913313@qq.com</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-section">
                        <h2>Find Us On Map</h2>
                        <img src="images/under-heading.png" alt="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <!--百度地图容器-->
                    <div style="width:700px;height:550px;border:#ccc solid 1px;font-size:12px; margin-left:200px" id="map"></div>
                </div>
            </div>
        </div>
    </div>


    <footer>
        <div class="container">
            <div class="top-footer">
                <div class="row">
                </div>
            </div>
            <div class="main-footer" style="margin-top: 20px;">
                <div class="row">
                    <div class="col-md-3">
                        <div class="about">
                            <h4 class="footer-title">关于我们</h4>
                            <p>欢迎来到耀捷电子有限公司，一家致力于为电商平台提供全方位服务的创新科技公司。自成立以来，我们专注于软件开发、手机壳图案设计以及工厂定制等业务领域，旨在通过技术创新和专业服务为客户打造独一无二的电商体验。
                                <br><br>我们的团队由一群富有激情与创造力的专业人士组成，他们拥有丰富的行业经验和技术背景，能够精准把握市场需求，为客户提供最优质的服务。
                            </p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="shop-list">
                            <h4 class="footer-title">业务范围</h4>
                            <ul>
                                <li><i class="fa fa-angle-right"></i>网站开发</li>
                                <li><i class="fa fa-angle-right"></i>手机壳图案定制</li>
                                <li><i class="fa fa-angle-right"></i>电商平台对接管理</li>
                                <li><i class="fa fa-angle-right"></i>搬家上架</li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="more-info">
                            <h4 class="footer-title">联系我们</h4>
                            <p>我们不仅仅是创造者，更是梦想的实现者。自成立以来，我们一直致力于。我们的团队由一群充满激情和创造力的专业人士组成，他们来自不同的背景，但都怀着共同的目标——通过创新和卓越的服务，为客户带来最大的价值。</p>
                            <ul>
                                <li><i class="fa fa-phone"></i>咨询电话:18118752268</li>
                                <li><i class="fa fa-globe"></i>公司地址：深圳市龙岗区龙城街道爱联社区新屯村健军路16号3楼</li>
                                <li><i class="fa fa-envelope"></i><a href="#">公司邮箱：523913313@qq.com</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom-footer">
                <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2025362023号</a><br><span style="color:#f78e21;">Copyright © 2024-2025 耀捷电子有限公司 All Rights Reserved.</span>
            </div>

        </div>
    </footer>

    <script src="js/vendor/jquery-1.11.0.min.js"></script>
    <script src="js/vendor/jquery.gmap3.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>

    <!--引用百度地图API-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=RKd6Ln6CGpghrMyc3oVFBSuH4DXUFswI"></script>

    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
          createMap();//创建地图
          setMapEvent();//设置地图事件
          addMapControl();//向地图添加控件
          addMapOverlay();//向地图添加覆盖物
        }
        function createMap(){
          map = new BMap.Map("map");
          map.centerAndZoom(new BMap.Point(114.253613,22.710199),15);
        }
        function setMapEvent(){
          map.enableScrollWheelZoom();
          map.enableKeyboard();
          map.enableDragging();
          map.enableDoubleClickZoom()
        }
        function addClickHandler(target,window){
          target.addEventListener("click",function(){
            target.openInfoWindow(window);
          });
        }
        function addMapOverlay(){
        }
        //向地图添加控件
        function addMapControl(){
          var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
          scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
          map.addControl(scaleControl);
          var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
          map.addControl(navControl);
          var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
          map.addControl(overviewControl);
        }
        var map;
          initMap();
    </script>


</body>

</html>